unlockDialog: Iconize the switch user button

Make it look exactly the same as the login screen's session
selection button.

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/1006

diff --git a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
index 284a53b06cf597c55b6f579d2e6701c246bfdf69..c672e04144f2fbb890d5950336089bf110681e09 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-dialog.scss
@@ -70,6 +70,7 @@
   }
 
   .cancel-button,
+  .switch-user-button,
   .login-dialog-session-list-button {
     padding: 0;
     border-radius: 99px;

diff --git a/js/ui/unlockDialog.js b/js/ui/unlockDialog.js
index eac655f32bfb3ee58c47cba62ef5956270ebb161..7a6c936121847c46abbf5f454e4c54147c7b03e4 100644 (file)
--- a/js/ui/unlockDialog.js
+++ b/js/ui/unlockDialog.js
@@ -556,15 +556,13 @@ var UnlockDialog = GObject.registerClass({
         this._notificationsBox.connect('wake-up-screen', () => this.emit('wake-up-screen'));
 
         // Switch User button
-        let otherUserLabel = new St.Label({
-            text: _('Log in as another user'),
-            style_class: 'login-dialog-not-listed-label',
-        });
         this._otherUserButton = new St.Button({
-            style_class: 'login-dialog-not-listed-button',
+            style_class: 'modal-dialog-button button switch-user-button',
             can_focus: true,
-            child: otherUserLabel,
             reactive: true,
+            x_align: Clutter.ActorAlign.END,
+            y_align: Clutter.ActorAlign.END,
+            child: new St.Icon({ icon_name: 'system-users-symbolic' }),
         });
         this._otherUserButton.connect('clicked', this._otherUserClicked.bind(this));